<template>
	<div class="help">
		<div class="header">
			帮助说明
			<el-button @click="goback()">返回</el-button>
		</div>
		<div class="body">
			<span class="title">
				<img src="./img/2.png" alt="">
				平台简介
			</span>
			<div class="bewrite">
				{{data.introduction}}
			</div>
			<span class="title">
				<img src="./img/2.png" alt="">
				产品特点
			</span>
			<div class="bewrite" v-html='data.feature'>
			
			</div>
			<span class="title">
				<img src="./img/1.png" alt="">
				文件下载
			</span>
			<div class="up">
				<img src="./img/up.png" alt="" @click="downHelpText">
				<span>系统使用帮助文档</span>
			</div>
			<span class="title">
				<img src="./img/3.png" alt="" >
				版本信息
			</span>
			<div class="version">
				<span>当前版本:{{data.version}}</span> 
				<span>舆情{{data.version}}更新:</span> 
				<div class="updateContent" v-html="data.updateContent"></div>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name:'help',
		data(){
			return{
				data:[]
			}
		},
		mounted(){
			this.getcurrentVersion()
		},
		methods:{
			getcurrentVersion(){
				this.$http.get('vrv-monitor-platform-web/versionDescription/currentVersion').then(res=>{
					this.data = res.body.data
				})
			},
			goback(){
				this.$router.back(-1)
			},
			downHelpText(){
				window.open('http://180.97.15.176:8899/download/xysso-help.docx')
			}
		}
	}
</script>
<style scoped>
	.help{
		min-height: 100%;
		background: #fff;
		padding: 1.88rem;
		line-height: 1.8rem;
		margin-right: 1.8rem;
	}
	.header{
		height: 2.8rem;
		font-size: 1.44rem;
		color: #555;
		font-weight: bold;
		border-bottom: 1px solid #dcdcdc;
	}
	.header button{
		float: right;
		width: 5rem;
	}
	.body .title{
		display: block;
		margin-top: 2.5rem;
		font-size: 0.88rem;
		color: #000;
		font-weight: bold;
	}
	.body .title img{
		margin-right: 1.2rem;
		vertical-align: top;
		margin-top: 0.36rem;
	}
	.bewrite{
		padding-left: 2.25rem;
		text-indent: 1.6rem;
		font-size: 0.88rem;
		color: #666;
	}
	.version{
		padding-left: 2.4rem;
	}
	.version span{
		display: block;
		font-size: 0.88rem;
		margin-top: 1.5rem;
	}
	.version span:first-child{
		margin-bottom: 1.5rem
	}
	.updateContent{
		padding-left: 2.2rem;
		font-size: 14px;
		color: #666;
	}
	.up{
		margin-left: 4.9rem;
		margin-top: 1.7rem;	
	}
	.up img{
		display: block;
		cursor: pointer;
	}
	.up span{
		color: #00b7ee;
		font-size: 12px;
		display: inline-block;
		margin-top: 0.5rem;
	}
</style>